.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}

header{
    .txh();
    justify-content: flex-start;
    align-items: center;
    .px2rem(height,92);
    position: fixed;
    width: 100%;
    z-index: 3215;
    background-color: white;
    
    span:nth-child(1){
        .px2rem(font-size,33);
        .px2rem(padding-left,25);
    }
    span:nth-child(2){
       
        .px2rem(padding-left,420);
        img{
            .px2rem(width,42);
            .px2rem(height,37);
        }
        
    }
    span:nth-child(3){
        
        .px2rem(padding-left,53);
        img{
            .px2rem(width,42);
            .px2rem(height,37);
        }
        
    }
}


#main{
    .px2rem(padding-top,92);
    .swiper-slide{
        img{
            width: 100%;
        }
    }
    
     .nav {
        background: white;
        .txh();
        border-bottom: 1px solid #666666;

        .nav_one {
            width: 100%;
            flex-direction: column;
            flex-direction: row;
            flex-wrap: wrap;
            .px2rem(padding-bottom,50);
            .txh();
            li {
                .txh();
                width: 25%;
                justify-content: center;
                margin-top: 0.3rem;
                a {
                    .txh();

                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    color: #000000;
                    span {
                        .px2rem(padding-top,27);
                        
                        .px2rem(font-size,22);
                        img {
                            .px2rem(width,60);
                            .px2rem(height,60);
                        }
                    }
                }

            }
        }

    }
    .nav_two{
        border-bottom: 1px solid #CCCCCC;
        
        ul{
            .txh();
            flex-direction: row;
            justify-content: space-around;
            
            li:nth-child(1){
                width: 33%;
                .txh();
                flex-direction: column;
                align-items: center;
               .px2rem(padding-bottom,40);
                h1{
                    .px2rem(font-size,28);
                    .px2rem(padding-top,50);
                }
                h4{
                    .px2rem(padding-top,17);
                    .px2rem(font-size,20);
                    color: #666;
                }
                img{
                    .px2rem(padding-top,35);
                    .px2rem(width,130);
                    .px2rem(height,90);
                }
            }
            li:nth-child(2){
                width: 33%;
                .txh();
                flex-direction: column;
               // justify-content: center;
                align-items: center;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                .px2rem(padding-bottom,40);
                h1{
                    .px2rem(font-size,28);
                    .px2rem(padding-top,50);
                }
                h4{
                    .px2rem(padding-top,17);
                    .px2rem(font-size,20);
                    color: #666;
                }
                img{
                    .px2rem(padding-top,35);
                    .px2rem(width,60);
                    .px2rem(height,110);
                }
            }
            li:nth-child(3){
                width: 33%;
                .txh();
                flex-direction: column;
                align-items: center;
                .px2rem(padding-bottom,40);
                h1{
                    .px2rem(font-size,28);
                    .px2rem(padding-top,50);
                }
                h4{
                    .px2rem(padding-top,17);
                    .px2rem(font-size,20);
                    color: #666;
                }
                img{
                    .px2rem(padding-top,35);
                    .px2rem(width,95);
                    .px2rem(height,85);
                }
            }
            
        }
        
    }
    .nav_thee{
        width: 100%;
        .px2rem(height,30);
        background-color: #CCCCCC;
    }
  
}
  .text{
        .px2rem(padding-bottom,100);
    }